<template>
  <div>
    <proposer></proposer>
    <div class="card">
      <div class="card-top">
        <p>{{zhiwei.mingcheng}}</p>
      </div>
      <div class="card-cen">
        <div class="card-cen-left">{{zhiwei.dizhi}}</div>
        <div class="card-cen-right">{{zhiwei.time}}</div>
        <div class="cls"></div>
      </div>
      <div class="card-bom">
        <p>{{zhiwei.leibie}}</p>
      </div>
      <div class="card-footer">
        <el-steps :active="2"
                  align-center>
          <el-step title="简历筛选"></el-step>
          <el-step title="面试考核"></el-step>
          <el-step title="录用审批"></el-step>
          <el-step title="入职进展"></el-step>
        </el-steps>
      </div>
    </div>
    <div class="box"></div>
  </div>
</template>

<script>
import proposer from '@/components/proposer'
export default {
  data () {
    return {
      active: 1,
      zhiwei: {
        mingcheng: "华为钱包产品经理",
        dizhi: "广东",
        leibie: "营销族",
        time: "2021-12-08"
      }
    }
  },
  methods: {

  },
  components: {
    proposer
  }
}
</script>

<style scoped>
html,
body {
  height: 100%;
}
.card-cen-left,
.card-cen-right,
.card-bom {
  font-size: 12px;
  color: #888888;
}
p {
  margin: 0;
}
/deep/.el-step__description {
  display: none;
}
/deep/.el-step__title {
  font-size: 14px;
}
.card-top p {
  font-size: 14px;
}
.cls {
  clear: both;
}
.card-cen-left {
  float: left;
}
.card-top,
.card-cen,
.card-bom {
  padding: 0 20px;
}
.card {
  padding-bottom: 20px;
}
.card-top {
  padding-top: 10px;
  margin-bottom: 15px;
}
.card-cen {
  margin-bottom: 5px;
}
.card-bom {
  margin-bottom: 30px;
}
.card-cen-right {
  float: right;
}
html,
body {
  height: 100vh;
}
.box {
  height: 100vh;
  background: #f5f5f5;
}
</style>